/* pages/code/code.wxss */
@import "../../commin/commin.less";

page {
  background-color: @white-color;
}

.code_box {
  .margins(147rpx, 56rpx, 0, 56rpx);

  .txt {
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: bold;
    color: @text-color2;
  }

  .codeinput {
    .kuangao(638rpx, 100rpx);
    .lineheight(100rpx);
    padding-left: 25rpx;
    .margins(39rpx, 0, 120rpx, 0);
    background: @text-color6;
    .borderradius(16rpx, 16rpx, 16rpx, 16rpx);
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color4;
  }

  .codeBtn {
    .kuangao(638rpx, 88rpx);
    .lineheight(88rpx);
    text-align: center;
    background: var(--btnColor);
    .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: bold;
    color: @white-color;
  }

  .switch {
    margin-top: 80rpx;
    text-align: center;
    align-items: center;
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @blue;

    .img {
      .kuangao(26rpx, 25rpx);
      margin-right: 12rpx;
    }
  }
}

.popupTxt {
  display: flex;
  align-items: center;
  justify-content: center;
  .fontsize(30rpx);
  font-family: PingFang SC;
  font-weight: bold;
  color: @orange;
  margin-bottom: 50rpx;
  // .margins(100rpx, 0, 120rpx, 0);

  .img {
    margin-right: 17rpx;
    .kuangao(32rpx, 32rpx);
  }
}

.popupBtn {
  display: flex;
margin: 0 auto;
  .popupBtn1 {
    .kuangao(270rpx, 88rpx);
    .lineheight(88rpx);
    .borders(1rpx, @text-color4);
    .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
    text-align: center;
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: bold;
    color: @text-color4;
  }

  .popupBtn2 {
    .kuangao(270rpx, 88rpx);
    .lineheight(88rpx);
    background: var(--btnColor);
    .borderradius(44rpx, 44rpx, 44rpx, 44rpx);
    text-align: center;
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: bold;
    color: @white-color;
    margin-left: 24rpx;
  }
}
